<!DOCTYPE html>
<html>
<head>
    <script src="/assets/jquery/jquery-3.1.1.min.js"></script>
    <script src="/assets/layui-2.9.18/layui.js"></script>
    <link rel="stylesheet" href="/assets/layui-2.9.18/css/layui.css">
    <link rel="stylesheet" href="/assets/layui-2.9.18/css/admin.css">
    <script src="/assets/september/common.js"></script>
    <script src="/assets/september/htmlBuilder.js"></script>
    <script src="/assets/september/search.js"></script>
    <link rel="stylesheet" href="/assets/pages/list.css">
    <link rel="stylesheet" href="/assets/pages/form.css?1">
</head>
<body style="padding: 10px">

<div id="view" style="background-color: #000000">
    <#list areas as area>

    <#--        .led-init {-->
    <#--        background-color: #000000;-->
    <#--        color: red;-->
    <#--        width: 320px;-->
    <#--        height: 160px;-->
    <#--        font-size: 20px;-->
    <#--        margin: 10px;-->
    <#--        }-->
        <div style="color:${area.color};width: ${area.width}px;height: ${area.height}px;font-size: ${area.fontSize}px;
                text-align: ${area.textAlign};">
            ${area.content}
        </div>
    </#list>
</div>


<script>
    layui.config({
        base: '../../../assets/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'form'], function () {
        $('#view').css('width', '${flash.w+flash.x}px')
        $('#view').css('height', '${flash.h+flash.y}px')
        $('#view').css('padding-left', '${flash.x}px')
        $('#view').css('padding-top', '${flash.y}px')

    });

</script>

</body>
</html>
